<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<!doctype html>
<html lang="zh">
    <title>新增航班信息</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>
        :root {
            --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            --secondary-gradient: linear-gradient(45deg, #6b48ff, #00b4d8);
        }

        body {
            background: var(--primary-gradient);
            min-height: 100vh;
            font-family: 'Segoe UI', system-ui, sans-serif;
        }

        .form-container {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            box-shadow: 0 12px 24px rgba(0,0,0,0.15);
            transition: transform 0.3s ease;
        }

        .form-container:hover {
            transform: translateY(-5px);
        }

        .form-header {
            background: var(--secondary-gradient);
            color: white;
            border-radius: 20px 20px 0 0;
            padding: 2rem;
            position: relative;
            overflow: hidden;
        }

        .form-header::after {
            content: "";
            position: absolute;
            bottom: -30px;
            left: -10%;
            width: 120%;
            height: 60px;
            background: inherit;
            transform: rotate(-3deg);
            z-index: 0;
        }

        .input-group {
            position: relative;
            margin-bottom: 1.5rem;
        }

        .form-control {
            padding-left: 1.5rem; /* 去除图标后调整内边距 */
            height: 50px;
            border: 2px solid #e0e7ff;
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .form-control:focus {
            border-color: #6b48ff;
            box-shadow: 0 0 0 3px rgba(107, 72, 255, 0.1);
        }

        .submit-btn {
            background: var(--secondary-gradient);
            border: none;
            padding: 1rem 2.5rem;
            border-radius: 12px;
            font-weight: 600;
            letter-spacing: 0.5px;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .submit-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(107, 72, 255, 0.3);
        }

        .datetime-input::before {
            content: "\f073";
            font-family: "Font Awesome 5 Free";
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            color: #6b48ff;
        }

        @media (max-width: 768px) {
            .form-container {
                margin: 1rem;
            }
        }

        .input-group-custom {
            position: relative;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
        }

        .form-control-custom {
            padding: 0.75rem 1.25rem;
            border: 2px solid #e0e7ff;
            border-radius: 12px;
            transition: all 0.3s ease;
            width: 100%;
            padding-left: 1.5rem; /* 去除图标后调整内边距 */
        }

        .form-content {
            padding: 2rem;
            position: relative;
        }
    </style>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="通辽航空管理平台 ">
        <title>通辽航空管理平台 </title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="fonts/style.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/css.css">
    </head>
    <body>
        <header class="header">
            <div class="container-fluid">
                <div class="row gutters">
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-9">
                        <a href="index.html" class="logo"> <img src="img/logo.png">社区身心健康管理元平台  </a>
                    </div>
                    <div class="col-xl-8 col-lg-8 col-md-8 col-sm-8 col-3">
                        <ul class="header-actions">
                            <li class="dropdown d-none d-sm-block">
                                <a href="#" id="notifications" data-toggle="dropdown" aria-haspopup="true">
                                    <i class="icon-bell"></i>
                                    <span class="count-label"></span>
                                </a>
                                <div class="dropdown-menu lrg" aria-labelledby="notifications">
                                    <div class="dropdown-menu-header">
                                        <h5>Notifications</h5>
                                        <p class="m-0 sub-title">You have 5 unread notifications</p>
                                    </div>	
                                    <ul class="header-notifications">
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="avatar">
                                                        <img src="img/user24.png" alt="avatar" />
                                                        <span class="notify-iocn icon-drafts text-danger"></span>
                                                    </div>
                                                    <div class="details">
                                                        <h6>Dr. Clive</h6>
                                                        <p>Appointed as a new President 2019-2020</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="avatar">
                                                        <img src="img/user21.png" alt="avatar" />
                                                        <span class="notify-iocn icon-layers text-info"></span>
                                                    </div>
                                                    <div class="details">
                                                        <h6>Dr. G. Levsmia</h6>
                                                        <p>Will be on leave on October 2nd week.</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="avatar">
                                                        <img src="img/user19.png" alt="avatar" />
                                                        <span class="notify-iocn icon-person_add text-success"></span>
                                                    </div>
                                                    <div class="details">
                                                        <h6>Dr. George S</h6>
                                                        <p>Sent new applointments list</p>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                </div>
                            </li>
                            <li class="dropdown">
                                <a href="#" id="userSettings" class="user-settings" data-toggle="dropdown" aria-haspopup="true">
                                    <span class="user-name">超级管理员</span>
                                    <span class="avatar">NR<span class="status busy"></span></span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userSettings">
                                    <div class="header-profile-actions">
                                        <div class="header-user-profile">
                                            <div class="header-user">
                                                <img src="img/user11.png" alt="Royal Hospitals Admin Template" />
                                            </div>
                                            <h5>超级管理员</h5>
                                            <p>Admin</p>
                                        </div>
                                        <a href="hospital-add-doctor.html"><i class="icon-user1"></i> My Profile</a>
                                        <a href="account-settings.html"><i class="icon-settings1"></i> Account Settings</a>
                                        <a href="hospital-reviews.html"><i class="icon-activity"></i> Activity Logs</a>
                                        <a href="login.html"><i class="icon-log-out1"></i> Sign Out</a>
                                    </div>
                                </div>
                            </li>
                        </ul>						
                    </div>
                </div>
            </div>
        </header>
        <div class="container-fluid">
            <nav class="navbar navbar-expand-lg custom-navbar">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#royalHospitalsNavbar" aria-controls="royalHospitalsNavbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon">
                        <i></i>
                        <i></i>
                        <i></i>
                    </span>
                </button>
                <div class="collapse navbar-collapse" id="royalHospitalsNavbar">
					<ul class="navbar-nav">
						<li class="nav-item">
							<a class="nav-link " href="FlightsServlet?pageNo=1">
								<i class="icon-home nav-icon"></i>
								首页</a>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle active-page" href="#" id="doctoRs" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="icon-person_pin nav-icon"></i>
								数据录入
							</a>
							<ul class="dropdown-menu" aria-labelledby="doctoRs">
								<li><a class="dropdown-item active-page" href="flight_insert.jsp">录入航班</a></li>
								<li><a class="dropdown-item " href="aircraft_insert.jsp">录入飞机</a></li>
							</ul>
						</li>
					
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle " href="#" id="formsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="icon-assignment_turned_in nav-icon"></i>
								申请管理
							</a>
							<ul class="dropdown-menu" aria-labelledby="formsDropdown">
								<li><a class="dropdown-item " href="QuitsServlet?pageNo=1">退票申请列表</a></li>
								<li><a class="dropdown-item " href="AuditsServlet?pageNo=1">改签申请列表</a></li>
							</ul>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle " href="#" id="uiElementsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="icon-assignment nav-icon"></i>
								数据管理
							</a>
							<ul class="dropdown-menu" aria-labelledby="uiElementsDropdown">
								<li><a class="dropdown-item" href="${pageContext.request.contextPath}/UserList?pageNo=1">用户数据管理</a></li>
								<li><a class="dropdown-item" href="${pageContext.request.contextPath}/AircraftListServlet?pageNo=1">飞机数据管理</a></li>

							</ul>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="#" id="loginDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="icon-burst_mode nav-icon"></i>
								注册申请 
							</a>
							<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="loginDropdown">
								<li><a class="dropdown-item " href="RegisterListServlet?pageNo=1">用户注册申请</a></li>
							</ul>
						</li>
					
					</ul>
				</div>
            </nav>
        
            <div class="main-container">
                <div class="page-header">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">用户管理</li>
                        <li class="breadcrumb-item active">我的用户</li>
                    </ol>
                </div>
                <div class="content-wrapper">
                    <div class="card-body">
                        <div class="container">
                            <div class="form-container">
                                <div class="form-header text-center">
                                    <h2 class="mb-3"><i class="fas fa-paper-plane me-2"></i>新增航班信息</h2>
                                    <p class="mb-0 opacity-75">请输入完整的航班信息</p>
                                </div>
                                
                                <form class="form-content" action="AddFlightServlet" method="post">
                                    <div class="row g-4">
                                        <div class="col-lg-6">
                                            <!-- 航班号 -->
                                            <div class="input-group">
                                                <input type="text" 
                                                       class="form-control-custom"
                                                       name="flightId" 
                                                       placeholder="航班编号"
                                                       required>
                                            </div>
                                            
                                            <!-- 飞机编号 -->
                                            <div class="input-group">
                                                <input type="text" 
                                                       class="form-control-custom"
                                                       name="aircraftId"
                                                       placeholder="飞机编号"
                                                       required>
                                            </div>
                                            
                                            <!-- 起飞时间 -->
                                            <div class="input-group datetime-input">
                                                <input type="datetime-local" 
                                                       class="form-control-custom"
                                                       name="departureTime" 
                                                       required>
                                            </div>
                                        </div>
                                        
                                        <div class="col-lg-6">
                                            <!-- 到达时间 -->
                                            <div class="input-group datetime-input">
                                                <input type="datetime-local" 
                                                       class="form-control-custom"
                                                       name="arrivalTime"
                                                       required>
                                            </div>
                                            
                                            <!-- 起飞机场 -->
                                            <div class="input-group">
                                                <input type="text" 
                                                       class="form-control-custom"
                                                       name="origin"
                                                       placeholder="起飞机场"
                                                       required>
                                            </div>
                                            
                                            <!-- 到达机场 -->
                                            <div class="input-group">
                                                <input type="text" 
                                                       class="form-control-custom"
                                                       name="destination"
                                                       placeholder="到达机场"
                                                       required>
                                            </div>
                                            
                                            <!-- 基础票价 -->
                                            <div class="input-group">
                                                <input type="number" 
                                                       class="form-control-custom"
                                                       name="price"
                                                       step="0.01" 
                                                       min="0" 
                                                       placeholder="基础票价"
                                                       required>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="text-center mt-5">
                                        <button type="submit" class="submit-btn btn text-white w-100">
                                            <i class="fas fa-cloud-upload-alt me-2"></i>提交航班信息
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <footer class="main-footer"> 2025 © Copyright by <a href="https://www.bootstrapmb.com">bootstrapMB</a>-通辽航空管理平台 © 2025-2030</footer>

        </div>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        <script src="js/moment.js"></script>
        <script src="laydate/laydate.js" type="text/javascript"></script> 
        <script>
        lay('#version').html('-v'+ laydate.v);
        laydate.render({
            elem: '#date'
          ,range: true
          ,theme: '#13a98c'
        });
        </script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
        
    </body>
</html>